<template>
  <div class="box">
    <div class="fyhimg">
      <img src="../../assets/素材_02.jpg" alt />
    </div>
    <ul class="room">
      <li @click="$router.push('/home')">推荐</li>
      <li @click="$router.push('/mo')">母婴</li>
      <li @click="$router.push('/shop')">鞋包服饰</li>
      <li>食品</li>
      <li>数码家电</li>
    </ul>

    <router-view />
  </div>
</template>

<script>
// import home from "../../components/home/kan";
export default {
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="less">
.box {
  width: 100%;
  background-color: #dddddd;
  .fyhimg {
    width: 100%;
    height: 0.57rem;
    display: flex;
    img {
      width: 100%;
      height: 0.57rem;
    }
  }
  .room {
    width: 100%;
    height: 0.6rem;
    display: flex;
    justify-content: space-between;
    li {
      width: 1.86rem;
      height: 0.8rem;
      line-height: 0.8rem;
      font-size: 0.24rem;
      text-align: center;
      color: #ffffff;
      background-color: #5c4287;
    }
  }

}
</style>
